<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Gentellela Alela! | </title>


  <link href="${pageContext.request.contextPath }/statics/css/bootstrap.min.css" rel="stylesheet">


  <!-- Custom Theme Style -->
  <link href="${pageContext.request.contextPath }/statics/css/custom.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="${pageContext.request.contextPath }/statics/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <link href="${pageContext.request.contextPath }/statics/css/nprogress.css" rel="stylesheet">

</head>

<body class="login">
  <div>
    <a class="hiddenanchor" id="signup"></a>
    <a class="hiddenanchor" id="signin"></a>

    <div class="login_wrapper">
      <div class="animate form login_form">
        <section class="login_content">
          <form  action="${pageContext.request.contextPath }/teacher/teacherLogin" method="post">
            <h1>老师系统登录</h1>
            <div>
              <div style="color: red">${param.error}</div>
              <input type="text" name="userId" class="form-control" placeholder="Username" required=""/>
            </div>
            <div>
              <input type="password" name="password" class="form-control" placeholder="Password"
              required=""/>
            </div>
            <div>
              <button type="submit"  class="btn btn-success">登陆</button>
              <button type="button" onclick="clearText()" class="btn btn-default">重填</button>
            </div>

            <div class="clearfix"></div>

            <div class="separator">
              <div class="clearfix"></div>
              <br/>

              <div>
                <h1><i class="fa fa-paw"></i> Gentelella Alela!</h1>
                <p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and
                Terms</p>
              </div>
            </div>
q          </form>
        </section>
      </div>

      <div id="register" class="animate form registration_form">
        <section class="login_content">
          <form >
            <h1>Create Account</h1>
            <div>
              <input type="text" class="form-control" placeholder="Username" required=""/>
            </div>
            <div>
              <input type="email" class="form-control" placeholder="Email" required=""/>
            </div>
            <div>
              <input type="password" class="form-control" placeholder="Password" required=""/>
            </div>
            <div>
              <a class="btn btn-default submit" href="index.html">Submit</a>
            </div>

            <div class="clearfix"></div>

            <div class="separator">
              <p class="change_link">Already a member ?
                <a href="#signin" class="to_register"> Log in </a>
              </p>

              <div class="clearfix"></div>
              <br/>

              <div>
                <h1><i class="fa fa-paw"></i> Gentelella Alela!</h1>
                <p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and
                Terms</p>
              </div>
            </div>
          </form>
        </section>
      </div>
    </div>
  </div>
</body>
<script src=${pageContext.request.contextPath }/statics/js/jquery.min.js></script>
<script type="text/javascript">

function clearText() {
  $("input[name='devCode']").val("");
  $("input[name='devPassword']").val("");
}
</script>
</html>